.relative {
  position: relative;
}
.absolute {
  position: absolute;
}

.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.width-100-vw {
  width: 100vw;
}

.width-50-vw {
  width: 50vw;
}

.width-100-percent {
  width: 100%;
}

.height-100-vh {
  height: 100vh;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.flex {
  display: flex;
}

.flex-1 {
  flex-grow: 1;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-middle {
  display: flex;
  align-items: center;
}

.flex-center {
  display: flex;
  justify-content: center !important;
}

.flex-end {
  display: flex;
  justify-content: flex-end !important;
}

.flex-start {
  display: flex;
  justify-content: flex-start !important;
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.flex-column {
  display: flex;
  flex-direction: column
}

.flex-stretch {
  align-items: stretch
}

.flex-space-between {
  justify-content: space-between !important;
}

.flex-space-around {
  justify-content: space-around !important;
}

.padding-5 {
  padding: 5px
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-40 {
  padding-left: 40px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-10 {
  margin: 10px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-top-30 {
  margin-top: 30px;
}

.white {
  color: #fff;
}

.bg-red {
  background: #ee5f5b;
}

.bg-green {
  background: #62c462;
}

.bg-white {
  background: #fff !important;
}

.bg-gray {
  background: #f6f6f6;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-13 {
  font-size: 13px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-17 {
  font-size: 17px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-32 {
  font-size: 32px;
}

.bolder {
  font-weight: bolder;
}

.line {
  line-height: 40px;
  border-bottom: 1px solid #eee;
}

.border-bottom {
  border-bottom: 1px solid #eee;
}

.themeColor {
  color: #EB565C !important
}

.themeColorBorder {
  border-color: #EB565C !important;
}

.red,
.color-red {
  color: red;
  /* color: #ee5f5b; */
}

.green,
.color-green {
  color: green;
  /* color: #62c462; */
}

.gray {
  color: gray;
}

.color-gray {
  color: rgb(129, 129, 129);
}

.line-height-1 {
  line-height: 1
}

.line-height-15 {
  line-height: 1.5
}